<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css">
	<body>
		<div class="header">
			<div class="header-top">
				<ul>
					<li>
						<div class="yuan fl"></div>
						<div class="yuan fl"></div>
						<div class="yuan fl"></div>
						<div class="yuan1 fl"></div>
						<div class="yuan1 fl"></div>
						<span class="be fl">BELL</span>
						<img src="images/wxw1.png" alt="" class="fl">
					</li>
					<li>
						<span class="pm fl">4:21  PM</span>
					</li>
					<li>
						<span class="pm fl">100%</span>
						<img src="images/dianchi.png" alt="" style="margin-bottom: 2px;">
					</li>
				</ul>
			</div>
			<div class="zhihui">
				<h1>智 慧 停 车 平 台</h1>
				<h3>一 个 给 你 安 全 感 的 平 台</h3>
				<h4>让 停 车 更 便 捷 ！</h4>
			</div>
		</div>
		<div class="new">
			<div class="new_left">
				<span>新闻</span>
				<br>
				<img src="images/index_news.png" alt="">
			</div>
			<div class="new_center">
				<div class="blue"></div>
				<span>停车场*****************的公告</span>
				<br>
				<div class="blue"></div>
				<span>停车场*****************的公告</span>
			</div>
			<div class="new_right">
				<img src="images/help_jiantou.png" alt="">
			</div>
		</div>
		<div class="nei car_str">
			<div class="kong"></div>
			<h4>车辆统计</h4>
			<br>
			<div class="car_conter">
				<ul>
					<li>
						<div class="all" style="margin-top: 10px;">
							<span>总车辆</span>
							<br>
							<p>30000</p>
						</div>
						<div class="pic">
							<img src="images/zong.png" >
						</div>
					</li>
					<li>
						<div class="all">
							<span>实时车辆</span>
							<br>
							<p>1000</p>
						</div>
						<div class="pic">
							<img src="images/shi.png" >
						</div>
					</li>
					<li>
						<div class="all">
							<span>进场车辆</span>
							<br>
							<p>600</p>
						</div>
						<div class="pic">
							<img src="images/jin.png" >
						</div>
					</li>
					<li>
						<div class="all">
							<span>出场车辆</span>
							<br>
							<p>500</p>
						</div>
						<div class="pic">
							<img src="images/chu.png" >
						</div>
					</li>
				</ul>
			</div>
			<div class="car_buttom">
				<p>车流量统计图</p>
				<img src="images/tongji%20(2).png" >
			</div>
		</div>
		<div class=" nei monitor">
			<div class="kong"></div>
			<h4>监控预览</h4>
			<br>
			<br>
			<div class="monitor_In fl">
				<img src="images/comp1.png" alt="">
				<div class="In">
					<span>入口监控</span>
					<br>
					<a href="rukoujiankong.html">点击查看详情</a>
				</div>
			</div>
			<div class="monitor_In fl">
				<img src="images/chukou.png" alt="">
				<div class="In " style="border: none;">
					<span>出口监控</span>
					<br>
					<a href="">点击查看详情</a>
				</div>
			</div>
		</div>
		<div class="nei monitor" style="margin-bottom: 70px;">
			<div class="kong"></div>
			<h4>联系方式</h4>
			<br>
			<br>
			<div class="liming">
				<ul>
					<li class="fl">
						<img src="images/liming.png" alt="">
					</li>
					<li class="fl">
						<span>黎明</span>
						<br>
						<p>13815463654</p>
					</li>
					<li class="fr">
						<h4>商贸城一区</h4>
					</li>
				</ul>
			</div>
			<div class="liming">
				<ul>
					<li class="fl">
						<img src="images/yueru.png" alt="">
					</li>
					<li class="fl">
						<span>黎明</span>
						<br>
						<p>13815463654</p>
					</li>
					<li class="fr">
						<h4>商贸城二区</h4>
					</li>
				</ul>
			</div>
		</div>
		<div class="footer">
			<ul>
				<li>
					<a href="index.html" style="color: #87CEEB;">
						<img src="images/bottom_nav_index.png" alt="" style="width: 35px;">
						<br>
						首页
					</a>
				</li>
				<li>
					<a href="kongzhitai.html">
						<img src="images/kongzhitai.png" alt="" style="margin-top: 2px;">
						<br>
						控制台
					</a>
				</li>
				<li>
					<a href="mine.html">
						<img src="images/bottom_nav_my.png" alt="" style="margin-top: 4px; width: 30px;">
						<br>
						我的
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>
